<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="./code/lib/jquery.js"></script>
  </head>
  <body>
    <button id="subiml">请求读取数据</button>
    <button id="tijiao">提交数据</button>
    <script>
      (function () {
        $("#subiml").on("click", function () {
          $.ajax({
            type: "GET",
            url: "http://www.liulongbin.top:3006/api/getbooks",
            data: "",
            success: function (res) {
              console.log(res);
            },
          });
        });
      })();

      (function () {
        $("#tijiao").on("click", function () {
          $.ajax({
            type: "POST",
            url: "http://www.liulongbin.top:3006/api/addbook",
            data: {
              bookname: "水浒传",
              author: "施耐庵",
              publisher: "上海图书出版社",
            },
            success: function (res) {
              console.log(res);
            },
          });
        });
      })();
    </script>
  </body>
</html>
